{extend name="main"}
{block name="style"}
<style type="text/css">
	.el-input-group__prepend{padding: 0;}
	.el-input-group__prepend .el-cascader{line-height: 36px;min-width: 150px;}
	.el-input-group__prepend .el-input__inner{height: 36px;border: 0;}
</style>
{/block}
{block name="header"}
{include file="module/top_nav" container="container-xl"/}
{include file="module/header_concise"/}
{/block}
{block name="body"}
<div class="container-xl py-3">
	<div class="flex">
		<div class="flex-1 pr-3">
			{xycms:jobspage name="JobsList"}
			{volist name="JobsList" id="v"}
			<div class="mt-3 bg-white shadow">
				<div class="flex p-4">
					<div class="flex-1 pr-3">
						<a href="/jobs/{$v.id}.html" target="_blank">
							<div class="h6 text-0143B1 {eq name="v.urgent" value="1"}text-danger{/eq}">{$v.title}[{$v.jobs_city}]
							{eq name="v.recommend" value="1"}
				  			<img src="__TEMPLATE_STATIC__/icon/icon_recommend.png" height="25">
				  			{/eq}
							{eq name="v.urgent" value="1"}
				  			<img src="__TEMPLATE_STATIC__/icon/icon_urgent.png" height="25">
							{else/}
							{eq name="v.top" value="1"}
				  			<img src="__TEMPLATE_STATIC__/icon/icon_top.png" height="25">
				  			{/eq}
				  			{/eq}
							<span class="text-secondary ml-2 small">发布于[{$v.friendly_create_time}]</span>
							</div>
						</a>
						<div class="h6 text-ec6334 flex">
							{gt name="v.salary_min" value="0"}
							{eq name="v.jobs_salary_show_type" value="1"}
							{$v.salary_min}-{$v.salary_max}元
							{$v.salary_year>12?$v.salary_year.'薪':''}
							{else/}
							{$v.salary_min}-{$v.salary_max}k
							{/eq}
							{else/}
							面议
							{/gt}
							<div class="text-secondary ml-2 small">{$v.education}丨{$v.exp_level}</div>
						</div>
					</div>
					<div class="flex-1">
						<div>
							<a href="/company/{$v.company_id}.html" target="_blank" class="el-link el-link--primary">{$v.company_name}</a>
						</div>
						<div class="text-secondary">{$v.industry}丨{$v.size_type}</div>
					</div>
				</div>
				{notempty name="v.welfare"}
				<div class="px-4 py-2 bg-light">
					{volist name="v.welfare" id="welfare"}
					<span class="small">{$welfare}</span>
					{/volist}
				</div>
				{/notempty}
			</div>
			{/volist}
			{/xycms:jobspage}
			{notempty name="JobsList"}
			<div class="text-center mt-3 bg-white py-3 shadow">
				{$JobsList->render()|raw}
			</div>
			{/notempty}
		</div>
		<div class="w-350px">
			<div class="ads">
				{xycms:ads alias="search_jobs" name='v' length='3'}
		      	<div class="text-v-center shadow mb-3">
		      		{empty name="v.url"}
			      	<a title="{$v.title}" class="{$v.ads_icon?'ads-icon':''}">
		      		{else/}
			      	<a href="{$v.url}" class="s {$v.ads_icon?'ads-icon':''}" target="_blank" title="{$v.title}">
		      		{/empty}
						<img src="{xycms:web name="imgurl"/}{$v.path}" class="w-350px">
			      	</a>
		      	</div>
				{/xycms:ads}
			</div>
			{xycms:jobslist name="JobsList" new="1"}
			<div class="bg-white p-3 shadow">
				<div class="block-title-before pb-2">最新职位</div>
				{volist name="JobsList" id="v"}
				<a href="/jobs/{$v.id}.html" target="_blank" class="flex py-3 flex-center">
					<div class="border w-80px h-80px text-truncate rounded-lg">
						<img src="{$v.logo}" style="object-fit: contain;width: 100%;height: 100%;">
					</div>
					<div class="flex-1 pl-2">
						<h6 class="mb-1 text-secondary text-truncate">{$v.title}</h6>
						<div class="h6 text-ec6334 mb-3">
							{gt name="v.salary_min" value="0"}
							{eq name="v.jobs_salary_show_type" value="1"}
							{$v.salary_min}-{$v.salary_max}元
							{else/}
							{$v.salary_min}-{$v.salary_max}k
							{/eq}
							{else/}
							面议
							{/gt}
						</div>
						<div class="text-secondary flex">
							<div class="flex-1 text-truncate">
						{empty name="v.company_name"}
						{$v.company_name}
						{else/}
						{$v.scompany_name}
						{/empty}
					</div>
							<div>{$v.jobs_city}</div>
						</div>
					</div>
				</a>
				{/volist}
			</div>
			{/xycms:jobslist}
		</div>
	</div>
</div>
{/block}
{block name="footer"}
{include file="module/footer"/}
{include file="module/login"/}
{/block}
{block name="script"}
<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			loginTabs:XYBase.loginTabs,
			userInfo:UserInfo,
			feedback:XYBase.feedback,
			confirm:0,
		},
		watch:{
		    view:XYBase.viewWatch,
		    loginTabs:XYBase.loginTabsWatch,
		},
		created(){
			XYBase.created(this);
		},
		methods:XYBase.methods({
		})
	});
</script>
{/block}